// color
$color: #333;

// 主色
$color-primary: #409EFF;

// 辅助色
$color-info: #909399;
$color-success: #67C23A;
$color-warning: #E6A23C;
$color-danger: #F56C6C;

// 文字
$color-text-main: #303133;
$color-text-normal: #606266;
$color-text-sub: #909399;
$color-text-placehoder: #C0C4CC;

// 背景
$color-bg: #f8f8f9;
// 边框
$color-border-1: #DCDFE6;
$color-border-2: #E4E7ED;
$color-border-3: #EBEEF5;
$color-border-4: #F2F6FC;


$primary:#001630; //主色调

$light:#004295; //主色调

$darkblue:#58a3f7;

$blue:#52c1f5;

$red:#fb6260;

$pruple:#8167f5;

$yelllow:#f5dd00;

$mainBg:#eee; //容器底色

$maxWidth:1280px;

$borderColor:#ccc;

// 字体颜色
$dark9:#999;
$dark6:#666;

// 字体大小
$baseFont:4px;


// 间距
$distance:20px;

// sidebar

$menuBg:$primary;
$menuHover:#004295;
$menuActive:#004295;

$subMenuBg:#02070D;
$subMenuHover:#004295;

$sideBarWidth: 180px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
// :export {
//   menuBg: $menuBg;
//   menuHover: $menuHover;
//   subMenuBg: $subMenuBg;
//   subMenuHover: $subMenuHover;
//   sideBarWidth: $sideBarWidth;
// }